﻿.toggleIcoToExpand, .toggleIcoExpanded, .toggleIcoCollapseed, .toggleIcoLoading, .typeIcon, .checkBox { vertical-align: middle; }
.toggleIcoToExpand, .toggleIcoExpanded, .toggleIcoCollapseed { cursor: pointer; display: inline-block; width: 18px; height: 18px; background-image: url(../images/bgExpandCollapse.gif); background-repeat: no-repeat; }
.toggleIcoToExpand { background-position: 0 0; }
.toggleIcoExpanded { background-position: 0 -24px; }
.toggleIcoCollapseed { background-position: 0 -48px; }
.toggleIcoLoading { cursor: wait; display: inline-block; width: 18px; height: 18px; background: url(../images/Loading10.gif) 4px 4px no-repeat; }

.NodeTagDiv { white-space: nowrap; }
.NodeTagDiv a { color: #000; display: inline-block; cursor: pointer; text-decoration: none; }
.NodeTagDiv a:focus { outline: none; }
.NodeTagDiv img, .NodeTagDiv input, .NodeTagDiv span { vertical-align: middle; display: inline-block; }
.NodeTagDiv a span { padding:3px; line-height:12px; }
.NodeTagDiv img { border: none; }

.NodeTagDiv .checkbox { padding: 3px 2px 2px 3px; }
.NodeTagDiv .checkbox { *width: 13px; *height: 13px; +margin: 3px 2px 2px 3px; }
* html .NodeTagDiv .checkbox { padding: 0; }

a.NodeTag { background: #fff; border: #fff 1px solid; }
a.FocusNodeTag { background: #ccf; border: #aaf 1px solid; }
a.NodeTag:hover { background: #e0e0e0; border: #e0e0e0 1px solid; }

* html .NodeTagDiv { height: 1%; }

.ChildrenDiv { padding-left: 18px; }
.toggleIcoPlace { display: inline-block; width: 18px; }

.ContextMenu { visibility:hidden; position: absolute; font-family: Helvetica,Arial,sans-serif; font-size:12px; line-height:1.5em; }
.ContextMenuBg { opacity: 0.2; filter: alpha(opacity=20); background: #000; position: absolute; top: 2px; left: 2px; }
.ContextMenu ul { position: absolute; list-style: none; margin: 0; border: #888 1px solid; background: #fff; padding: 1px; }
.ContextMenu ul li { cursor: pointer; white-space: nowrap; line-height:12px; }

.ContextMenu ul li a { display:block; padding: 4px 15px 4px 20px; border: #fff 1px solid; text-decoration:none; color:#000; outline:none; }
.ContextMenu ul li a:hover { border: #0A246A 1px solid; background-color: #d6dDf2; }

.hasSubMenu {background:url(../images/HasSubMenu.gif) right 50% no-repeat; }
.hasSubMenu div.ContextMenu{}
.hasSubMenu:hover div.ContextMenu{visibility:visible;}

.DragIndicator {position:absolute;z-index:80;width:5px;height:10px;background:url(../images/bgIcons.gif) -42px -57px no-repeat;}

.renameInput {margin:0;font-size:12px;border:#aaf 1px solid;padding-bottom:0;}